草庐IT

Bootstrap5 表单

全部标签

javascript - 在 Bootstrap 模式中调用时,工作 "Copy to Clipboard"函数不起作用

目标:将Bootstrap模式中的文本复制到剪贴板。JS:$(document).ready(function(){$(document).on('click','#copy-btn',function(){//varvalue=$('#error-message').html();//usingastaticvalue,justtoeliminateanyquestion//aboutwhatshouldbecopied.copytext('kilroytestedthis');})});functioncopytext(text){vartextField=document.cre

javascript - 在 jQuery 中从一个表单复制到另一个表单

我需要将所有字段从一个表单复制到另一个类似的表单。因此,我使用jQuery编写了一个例程form2form,而不是逐个字段复制。functionform2form(aF1,aF2){varselection="#"+aF1+".copy";$(selection).each(function(){document.forms[aF2].elements[$(this).attr('name')].value=$(this).val();});}例行工作。该例程要求在输入表单字段中有一类副本,否则我不知道如何获取表单中的所有字段。("#form:input")跳过单选按钮并选择字段。所以

javascript - 如何检查表单输入是否有值(value)

我正在尝试检查表单输入是否有任何值(无论值是什么),以便我可以将该值附加到提交时的操作URL(如果它确实存在)。我需要在添加值之前添加参数的名称,只留下一个空白的参数名称,如“P=”而没有任何值会弄乱页面。这是我的代码:functiongetParam(){//reseturlincasetherewereanypreviousparamsinputteddocument.form.action='http://www.domain.com'if(document.getElementById('p').value==1){document.form.action+='P='+docu

javascript - 使用 Joomla 及其 Mootools 的 Twitter Bootstrap Carousel

我正在使用TwitterBootstrap为Joomla2.5.x制作模板。我还想为该模板使用BootstrapCarousel插件。当Carousel与Joomla的Mootools实现一起使用时,我遇到了问题。Carousel元素的样式正在以负边距更改,使其对用户不可见。为了向您展示到底发生了什么,我准备了一个jsfiddlehttp://jsfiddle.net/U2pHH/11/给你。由于Carousels更改样式属性,Carousel使用户看不到每一秒钟的图像,但用户应该看到每张幻灯片。我已经查看了Carousel插件和MootoolsJS文件的源代码,但遗憾的是无法找出问题

javascript - 如何将表单作为 JSON 对象提交

我正在做的是使用JSON创建一个表单,然后可以编辑此表单并生成新的JSON对象。我遇到的问题似乎与获取表单ID有关。我用来返回JSON对象的代码是:form=document.forms[0];$.fn.serializeObject=function(){alert("startserializeObject");varo={};vara=this.seralizeArray();$.each(a,function(){if(o[this.name]!==undefined){if(!o[this.name].push){o[this.name]=[o[this.name]];}o[

javascript - onsubmit 处理程序无法捕获使用链接中的 submit() 提交的表单

很惊讶,我在从JS提交表单时遇到了这个奇怪的问题。Issue:考虑使用来自submit的两种方式提交的简单表单按钮和一个anchorlinkclickme捕获提交事件的函数document.getElementById('test').onsubmit=function(){//Sameresultwith//*document.foobar.onsubmit//*document.forms['foobar'].onsubmitalert('foobar');returnfalse;}现在,当通过单击submit提交表单时按钮我收到提醒,但单击链接时没有。为什么要这样做?Fiddle

javascript - 在基于触摸的设备上禁用外部内容的滚动(Twitter Bootstrap 导航栏)

我使用twitterbootstrap3。我添加了固定的顶部导航栏。我在导航栏上有下拉按钮。当用户单击按钮时,将打开一个下拉菜单。对于桌面用户来说没问题。但对于移动用户,当用户向下滚动下zipper接时,后面的页面也会滚动。是否可以在用户滚动下zipper接时禁用后台页面滚动?fiddle:http://jsfiddle.net/mavent/2g5Uc/1/当用户触摸下拉部分并像绿色箭头一样触摸时,背景页面像这个屏幕截图中的红色箭头一样滚动:.......编辑:我检查了that,that和that.编辑:这是行不通的。这将停止所有页面滚动。$('#my_navbar_div').bi

javascript - 单选按钮上的 Bootstrap-3 Meteor 事件

所以我试图让事件点击单选按钮(meteor)。我在模板事件(客户端js文件)中做的:Template.Questions.events({'click#public_btn':function(){console.log('1');//something},'click#private_btn':function(){console.log('2');//something}在html客户端文件中我有单选按钮:PublicPrivate只要div获得data-toggle="buttons"广告,click事件就不会触发>有办法解决这个问题吗? 最佳答案

javascript - 如何使用 bootstrap 让点击的 nav-pill 保持事件状态?

下面是我如何使用Bootstrap3.1.0创建我网站的菜单链接。我希望选定的nag-pill在单击链接时保持事件/选择状态。当前,单击链接后定义的悬停颜色消失。有没有办法让药丸在点击后保持活跃?onetwothree===更新===我只是JS和网络开发的新手。我尝试遵循TwitterBootstrap教程的代码在这里:http://jsfiddle.net/Dy9e6/我只希望在用户点击其中一个药丸/标签后,点击的nag-pill显示为“已选择”或“突出显示”。 最佳答案 首先你需要添加默认class="active"到第一个元素

javascript - 单击后如何延迟显示 Bootstrap 3 模态

我试图在用户点击触发按钮后延迟Bootstrap模式的显示:Launchdemomodal查看Bootstrap3文档,我可以看到有一个可以Hook的show事件,但我不确定如何在模态出现在屏幕上之前引入3秒的延迟。希望有人能提供帮助?引用:http://getbootstrap.com/javascript/#modals 最佳答案 可以延迟触发按钮的点击,然后直接激活模态:$('[data-toggle=modal]').on('click',function(e){var$target=$($(this).data('targ